/**
 * CSS Document * 
 * Created by Jessie 2016/9/27.
 */
.mt20{margin-top: 20px;}
.clearfix {
  display: block;
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.dis-in-b {
  display: inline-block;
}
.rounded-corners (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
@font-yahei:"微软雅黑";
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
html{background: url("../images/login_bg.jpg") no-repeat center top;.text-center;}
.login-con{.dis-in-b;width:300px;height: 404px;padding:100px 60px 38px 60px;background: url("../images/login_main.png") no-repeat;position: fixed;top:0;right: 0;bottom: 0;left:0;margin: auto;.text-left;
  h1{font:bold 20px/30px @font-yahei;color: #fff;.text-center;
    small{color: #eee;font-size: 14px;}}
  p{margin-top: 30px;}
  .sr{width:300-38px;height: 42px;border: none;border-bottom: 1px solid #e7e7e7;padding-left: 38px;font:14px/42px @font-yahei;color: #333;}
  .name{background: url("../images/login_ico01.png") no-repeat left center;}
  .pw{background: url("../images/login_ico02.png") no-repeat left center;}
  a{font:16px/20px @font-yahei;color: #666;margin: 0 10px;text-decoration: none;&:hover{color: #f60;}}
  .btn{width:100%;height: 48px;border:none;background: #15c3f6;.rounded-corners(5px);font:20px/48px @font-yahei;color: #fff;cursor: pointer;}
}
.register-con {
  .dis-in-b;
  width: 300px;
  height: 542px;
  padding: 0 60px 38px 60px;
  background: url("../images/register_main.png") no-repeat;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  .text-left;
  h1{padding:0 0 10px 0;font:24px/70px @font-yahei;color: #fff;margin:0};
  p {position: relative;margin:0;padding: 0;
    em{.dis-in-b;position: absolute;top:0;right: 10px;font:12px/42px @font-yahei;color: #f00;}
    .sr{width:300px;height: 42px;border: none;border-bottom: 1px solid #e7e7e7;font:14px/42px @font-yahei;color: #333;}
  }
  .btn-box{.clearfix;margin-top: 30px;
    input{.dis-in-b;width: 140px;height: 50px;.rounded-corners(5px);font:20px/50px @font-yahei;color: #fff;.text-center;cursor: pointer;border: none;}
    .btn01{.float-left;background: #f27c34;}
    .btn02{.float-right;background: #a5b3b7;}
  }
}